//commonjs  nodejs
//es6 module 前端代码
const HtmlWebpackPlugin=require("html-webpack-plugin");
const {VueLoaderPlugin}=require("vue-loader")
module.exports={
    entry:"./src/index.js",
    module:{
        rules:[//loader
            {
                test:/\.js$/,//处理js
                use:[
                    {
                        loader:"babel-loader",//使用babel-loader来处理js代码
                        options:{//配置插件
                            plugins:["@vue/babel-plugin-jsx"] //是vue/babel-plugin-jsx插件来处理js里面jsx
                        }
                    }
                ]
            },
            {
                test:/\.vue$/,//用来处理 .vue结尾的单文件组件文件.
                use:"vue-loader"
            },
            {
                test:/\.css$/,
                use:["style-loader","css-loader"]
            },
            {
                test:/\.scss$/,
                use:["style-loader","css-loader","sass-loader"]
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:"./src/template.html"
        }),
        new VueLoaderPlugin() //把vue-loader处理之后js  html  css分发给其他loader处理.
    ]
}